.@{mi-prefix} {
    /** Fade */
    &fade-enter-active,
    &fade-leave-active {
        opacity: 1;
    }

    &fade-enter-from,
    &fade-leave-to {
        opacity: 0
    }

    /** Scale */
    &scale-enter-active,
    &scale-leave-active {
        opacity: 1;
        transform: scale(1);
    }

    &scale-enter-from,
    &scale-leave-to {
        transform: scale(0);
        opacity: 0
    }

    /** Slide / Slide Right */
    &slide-enter-active,
    &slide-leave-active,
    &slide-right-enter-active,
    &slide-right-leave-active {
        opacity: 1;
        transform: translateX(0);
    }

    &slide-enter-from,
    &slide-leave-to,
    &slide-right-enter-from,
    &slide-right-leave-to {
        transform: translateX(20%);
        opacity: 0
    }

    /** Slide Bottom */
    &slide-bottom-enter-active,
    &slide-bottom-leave-active {
        opacity: 1;
        transform: translateY(0);
    }

    &slide-bottom-enter-from,
    &slide-bottom-leave-to {
        transform: translateY(20%);
        opacity: 0
    }

    /** Slide Fall */
    &slide-fall-enter-active,
    &slide-fall-leave-active {
        opacity: 1;
        transform: translate(0%) translateZ(0) rotate(0deg);
    }

    &slide-fall-enter-from,
    &slide-fall-leave-to {
        transform: translate(30%) translateZ(660px) rotate(30deg);
        opacity: 0
    }

    /** Newspaper */
    &newspaper-enter-active,
    &newspaper-leave-active {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }

    &newspaper-enter-from,
    &newspaper-leave-to {
        transform-style: preserve-3d;
        transform: scale(0) rotate(720deg);
        opacity: 0
    }

    /** Sticky */
    &sticky-enter-active,
    &sticky-leave-active {
        opacity: 1;
        transform: translateY(0);
    }

    &sticky-enter-from,
    &sticky-leave-to {
        transform: translateY(-200%);
        opacity: 0
    }

    /** Flip */
    &flip-enter-active,
    &flip-leave-active,
    &flip-horizontal-enter-active,
    &flip-horizontal-leave-active {
        opacity: 1;
        transform: rotateY(0deg);
    }

    &flip-enter-from,
    &flip-leave-to,
    &flip-horizontal-enter-from,
    &flip-horizontal-leave-to {
        transform-style: preserve-3d;
        transform: rotateY(-70deg);
        opacity: 0
    }

    &flip-vertical-enter-active,
    &flip-vertical-leave-active {
        opacity: 1;
        transform: rotateX(0deg);
    }

    &flip-vertical-enter-from,
    &flip-vertical-leave-to {
        transform-style: preserve-3d;
        transform: rotateX(-70deg);
        opacity: 0
    }

    /** Fall */
    &fall-enter-active,
    &fall-leave-active {
        opacity: 1;
        transform: translateZ(0px) rotateX(0deg);
    }

    &fall-enter-from,
    &fall-leave-to {
        transform: translateZ(660px) rotateX(20deg);
        opacity: 0
    }

    /** Rotate */
    &rotate-enter-active,
    &rotate-leave-active {
        transform: translateY(0%) rotateX(0deg);
        opacity: 1;
    }

    &rotate-enter-from,
    &rotate-leave-to {
        transform-style: preserve-3d;
        transform: translateY(100%) rotateX(90deg);
        transform-origin: 0 100%;
        opacity: 0
    }

    /** Sign */
    &sign-enter-active,
    &sign-leave-active {
        transform: rotateX(0deg);
        opacity: 1;
    }

    &sign-enter-from,
    &sign-leave-to {
        transform-style: preserve-3d;
        transform: rotateX(-90deg);
        transform-origin: 50% 0;
        opacity: 0
    }
}